<template>
  <div id="back">
    <div id="container" align="center" >
      <h3>用户注册</h3>
      姓名： <input id="userName" type="text" v-model="object.username" placeholder="请输入用户名" />
      <br><br>
      密码： <input type="password" v-model="object.password"  />
      <br><br>
      确认密码： <input type="password" v-model="object.password2" placeholder="请再次输入密码" />
      <br><br>
      性别： <label >
        <input id="man" name="sex" type="radio" value="男" @click="setMan">男
          </label>
          <label for="woman">
            <input id="woman" name="sex" type="radio" value="女">女
          </label>
      <br><br>
      生日：<input id="birthday_year" size="8" type="text" v-model="object.birth_year"/>年
      <input id="birthday_mon" size="4" type="text" v-model="object.birth_mon">月
      <input id="birthday_day" size="4" type="text" v-model="object.birth_day">日
      <br><br>
      联系方式： <input id="phonenumber" type="text" v-model="object.contact1" placeholder="请输入您的电话号码" />
      <br><br>
      紧急联系人联系方式： <input id="emergentnumber" type="text" v-model="object.contact2" placeholder="请输入紧急联系人电话" />
      <br><br>
      护理等级：
      <select v-model="object.degree">
        <option>等级一</option>
        <option>等级二</option>
        <option>等级三</option>
      </select>
      <button @click="info">详情</button>
      <br><br>
      身份证号： <input id="id" type="text" size="27" placeholder="请输入您的身份证号" v-model="object.idnumber"/>
      <br><br>
      <button @click="register">注册</button>
      <br><br>
      <button @click="toLogin">现在登录</button>

    </div>

  </div>
</template>

<script>

  export default {
    data(){
      return{
        object:{
          username:'',
          password:'',
          password2:'',
          sex:'女',
          birth_year:'',
          birth_mon:'',
          birth_day:'',
          contact1:'',
          contact2:'',
          degree:'',
          idnumber:'',
          identuty:'用户'
        },
        msg:this.$route.query.source,

        information:"等级一：\n" +
            "1、早晨督促老人漱口、洗脸、洗手、梳头。晚上督促老人洗脸、洗手、洗脚、洗会阴部。\n" +
            "2、督促老人定期剪指(趾)甲，理发剃须。\n" +
            "3、督促老人洗澡或擦身，每周一至二次。夏季气候炎热时，每日洗澡或擦身，并帮助老人每日擦席。\n" +
            "4、为老人整理床铺、翻晒被褥。\n" +
            "5、每半个月清洗床上用品(床单，枕套，枕巾，被套)一次，保持床单位清洁。必要时及时更换。\n" +
            "6、每周洗涤内衣一次(夏季每日洗)，每周洗涤外衣一次。\n" +
            "7、提醒行走不便的老人上厕所时防止摔伤。\n" +
            "8、鼓励老人到食堂用餐。\n" +
            "9、餐具和茶杯严格消毒，老人的毛巾、面盆做到经常清洗。\n" +
            "10、组织老人参加院内的各种康复活动。\n"+
            "等级二：\n 1、早晨为老人漱口、洗脸、洗手、梳头。晚上为老人洗脸、洗手、洗脚、洗会阴部。\n" +
            "2、经常为老人洗头，剪指(趾)甲，理发剃须。\n" +
            "3、口腔照护清洁无异味，皮肤照护无褥疮。\n" +
            "4、为老人洗澡或擦身，每周一至二次。夏季气候炎热时，每日洗澡或擦身，并为老人每日擦席。\n" +
            "5、为老人整理床铺、翻晒被褥。\n" +
            "6、每周清洗床上用品(床单，枕套，枕巾，被套)一次，必要时及时更换。被褥、气垫、被单保持清洁、平整、干燥柔软。\n" +
            "7、每周洗涤内衣一次(夏季每日洗)，每周洗涤外衣一次。必要时及时更换。\n" +
            "8、搀扶行走不便的老人上厕所。防止摔伤。\n" +
            "9、视天气情况，每天带老人到户外活动或接受光照 1-2 小时。\n" +
            "10、饭菜、茶水供应到床边，督促老人按时吃饭、喝水、服药。\n" +
            "11、餐具和茶杯严格消毒，老人的毛巾、面盆做到经常清洗，便器用后及时倾倒并定时消毒。\n" +
            "12、为老人开展针对性个体康复活动。\n"+
            "等级三：\n 1、早晨为老人漱口、洗脸、洗手、梳头。晚上为老人洗脸、洗手、洗脚、洗会阴部。\n" +
            "2、经常为老人洗头，剪指(趾)甲，理发剃须。\n" +
            "3、口腔照护清洁无异味。皮肤照护无褥疮。对长期卧床而不能自主翻身的老人，定时翻身，变换卧位，检查皮肤受压情况，防止褥疮发生。\n" +
            "4、做好老人大小便照护。对大小便失禁和卧床不起的老人，做到勤查看、勤换尿布、勤擦洗下身、勤更换衣被，保持老人清洁、无异味。\n" +
            "5、为老人整理床铺、翻晒被褥。\n" +
            "6、被褥、气垫、被单保持清洁、平整、干燥、柔软、无碎屑。\n" +
            "7、为老人洗澡或擦身，每周一至二次。夏季气候炎热时，每日洗澡或擦身，并\n" +
            "为老人每日擦席。\n" +
            "8、搀扶行走不便的老人上厕所。防止摔伤。\n" +
            "9、视天气情况，每天带老人到户外活动或接受光照 1-2 小时。\n" +
            "10、细心观察并掌握老人饮食、起居及思想情绪、精神状态等情况。\n" +
            "11、对痴呆老人根据情况定时巡视，防止随意外出或发生意外。\n" +
            "12、餐具和茶杯严格消毒，老人的毛巾、面盆做到经常清洗，便器用后及时倾倒并定时消毒。\n" +
            "13、对易发生坠床、坐椅意外的老人，应提供床栏、座椅加绳托等保护器具，确保安全。\n" +
            "14、对患病老人严密观察病情变化，制定针对性照护措施，并做好记录，防止并发症的发生。\n" +
            "15、为老人开展针对性个体康复活动。\n"
      }
    },
    created() {

    },

  methods: {
    info(){
      alert(this.information);
    },
    toLogin(){
      let retu = JSON.stringify(this.object)
      this.$router.push({path:'/Login', query:{source:'用户',obj:retu}})
    },
    serman(){
      this.object.sex='男'
    },
    register: function() {
      let fd = new FormData();
      fd.append("userName", this.userName);
      fd.append("passwd", this.password);
      let config = {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }

      if (this.password === this.password2) {
        this.$axios.post("user/register", fd, config).then(res => {
          alert(res.data.msg)
          if (res.data.code === 200) {
            // 回到登录界面
            this.$router.push({
              path: '/'
            })
          }
        }).catch(res => {
          alert(res.data.msg)
        })
      } else {
        alert("两次输入的密码不同")
      }

    }

  }
}
</script>

<!-- 添加“scoped”属性以将CSS仅限于此组件 -->
<style scoped>
  #container{
    background-color : #FFFFFF;
    width : 30%;
    height : auto;
    margin-left: 35%;
    margin-top: 100px;
    border-radius: 20px;
    position: absolute;
    
  }
  #back{
    background: url("../assets/background.jpg");
    width: 100%;
    height: 100%; /**宽高100%是为了图片铺满屏幕 */
    z-index: -1;
    position: fixed;
    top: 0px; /*这里是设置与顶部的距离*/
    left: 0px; /*这里是设置与左边的距离*/
    bottom: 0px;
    right: 0px;
  }


</style>

